<template>
  <div class="choice">
    <div class="top">
      <van-nav-bar
    title="精选服务"
    left-arrow
    @click="back"
  />
<div class="menu">
<span class="span1">
  精选服务
</span>
<span class="location">
  <homeMapLocation></homeMapLocation>
</span>
</div>
    </div>
    <div class="bottom">
      <homeGoods></homeGoods>
    </div>
  </div>
</template>

<script setup lang="ts">
import homeMapLocation from '../components/home/homeMapLocation.vue'
import homeGoods from '../components/home/homeGoods.vue'
import { useRouter } from 'vue-router'
const router = useRouter()
// 返回上一页
const back = () => {
  router.go(-1)
}
</script>

<style scoped>
.choice{
  width: 100%;
  height: 100%;
  background: #f4f5f7;
}
.top{
  width: 100%;
  height: .96rem;
  background: red;
  position: sticky;
  top: 0;
  z-index: 10;
}
.menu{
  width: 100%;
  height: .5rem;
  background: #fff
}
.menu .span1{
  float: left;
  margin-left: .1rem;
  margin-top: .15rem
}
.menu .location{
  float: right;
  margin-right: .1rem;
  margin-top: .15rem
}
.bottom{
  width: 100%;
  height: 100%;
  background: #f4f5f7;
}
</style>
